<template>
  <x-application>
    <router-view v-slot="{ Component }">
      <component :is="Component" />
    </router-view>
  </x-application>
</template>

<script setup lang="ts">
  import { onMounted } from 'vue'
  import { local_storage } from '@/utils/storage'
  const $route = useRoute()
  const { query } = $route
  import XApplication from '@/components/x-application/index.vue'
  import { useRoute } from 'vue-router'
  onMounted(() => {
    if (/firefox/gi.test(window.navigator.userAgent)) {
      // 解决火狐浏览器拖动后会自动打开新标签进行搜索的问题
      document.body.ondrop = function (e) {
        e.stopPropagation()
        e.preventDefault()
      }
    }

    // 开发环境 删除http head中的referer；
    if (import.meta.env.MODE === 'development') {
      const head = document.getElementsByTagName('head')
      const meta = document.createElement('meta')
      meta.name = 'referrer'
      meta.content = 'never'
      head[0].appendChild(meta)
    }

    // 获取url参数中如果有console字段，那不么不禁用相关操作
    if (query.debug) {
      local_storage.set('IS-DEBUG', true)
    }

    // 禁用右键
    // if (import.meta.env.MODE === 'production' && !local_storage.get('IS-DEBUG')) {
    //   document.oncontextmenu = function () {
    //     return false
    //   }
    //
    //   // 禁用f12
    //   document.onkeydown = function (event) {
    //     if (event && event.keyCode == 123) {
    //       return false
    //     }
    //   }
    // }
  })
</script>
